import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/index'
import axios from 'axios'
import './plugins/vant'
import Vuelazyload from 'vue-lazyload'
import './filters/dateFormat'

// 使用本地图标（link导入，gitee演示，图标显示异常）
import './assets/font/iconfont.css'

import BScroll from 'better-scroll'

// 模拟后台数据
import './mock/mockServer'

Vue.prototype.$bscroll = BScroll

// 图片懒加载
Vue.use(Vuelazyload, {
  error: '/img/lazyload/error.jpg',
  loading: '/img/lazyload/loading.gif'
})

// 配置axios
// axios.defaults.baseURL = 'http://localhost:4000'
// 开发环境请求反向代理
axios.defaults.baseURL = '/api'

// 注册全局指令
Vue.directive('focus', {
  inserted: function (el) {
    el.focus()
  }
})

// 挂载axios当前Vue原型
Vue.prototype.$http = axios
// store.$http = axios
Vue.config.productionTip = false

new Vue({
  el: '#app',
  render: h => h(App),
  // 挂载router路由
  router,
  // 挂载store状态管理
  store
}).$mount('#app')
